<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>登录页面</title>
		<!-- Tell the browser to be responsive to screen width -->
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- Bootstrap 3.3.7 -->
		<link rel="stylesheet" href="/Public/bower_components/bootstrap/dist/css/bootstrap.min.css">
		<!-- Font Awesome -->
		<link rel="stylesheet" href="/Public/bower_components/font-awesome/css/font-awesome.min.css">
		<!-- Ionicons -->
		<link rel="stylesheet" href="/Public/bower_components/Ionicons/css/ionicons.min.css">
		<!-- Theme style -->
		<link rel="stylesheet" href="/Public/dist/css/AdminLTE.min.css">
		<!-- iCheck -->
		<link rel="stylesheet" href="/Public/plugins/iCheck/square/blue.css">
		<!--bootstrap-validator-->
		<link rel="stylesheet" type="text/css" href="/Public/bower_components/bootstrap-validator/dist/css/bootstrapValidator.min.css" />
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

		<!-- Google Font -->
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
	</head>

	<body class="hold-transition login-page">
		<div class="login-box">
			<div class="login-logo">
				<a href="/home/index/login"><b>登录</b>页面</a>
			</div>
			<!-- /.login-logo -->
			<div class="login-box-body">
				<div class="callout callout-danger hide">
					<h4>登录失败!</h4>
					<p id="message"></p>
				</div>
				<form method="post" id="loginForm">
					<div class="form-group has-feedback">
						<input type="text" class="form-control" placeholder="请输入邮箱" name="email">
						<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
					</div>
					<div class="form-group has-feedback">
						<input type="password" class="form-control" placeholder="请输入密码" name="password">
						<span class="glyphicon glyphicon-lock form-control-feedback"></span>
					</div>
					<div class="row">
						<div class="col-xs-8">
							<div class="checkbox icheck">
								<label><input type="checkbox">记住密码</label>
							</div>
						</div>
						<!-- /.col -->
						<div class="col-xs-4">
							<button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
						</div>
						<!-- /.col -->
					</div>
				</form>
				<!-- /.social-auth-links -->

				<a href="#">忘记密码</a><br>
				<!--<a href="register.html" class="text-center">注册新账号</a>-->

			</div>
			<!-- /.login-box-body -->
		</div>
		<!-- /.login-box -->

		<!-- jQuery 3 -->
		<script src="/Public/bower_components/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap 3.3.7 -->
		<script src="/Public/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<!-- iCheck -->
		<script src="/Public/plugins/iCheck/icheck.min.js"></script>
		<!--bootstrap-validator-->
		<script src="/Public/bower_components/bootstrap-validator/dist/js/bootstrapValidator.min.js" /></script>
		<script>
			$(function() {
				$('input').iCheck({
					checkboxClass: 'icheckbox_square-blue',
					radioClass: 'iradio_square-blue',
					increaseArea: '20%' // optional
				});
				$('#loginForm').bootstrapValidator({
					message: 'This value is not valid',
					feedbackIcons: {
						valid: 'glyphicon glyphicon-ok',
						invalid: 'glyphicon glyphicon-remove',
						validating: 'glyphicon glyphicon-refresh'
					},
					fields: {
						password: {
							validators: {
								notEmpty: {
									message: '请输入密码'
								},
								stringLength: {
									min: 6,
									max: 30,
									message: '请输入6-30位'
								},
								regexp: {
									regexp: /^[a-zA-Z0-9_]+$/,
									message: '只能是数字，字母或下划线'
								}
							}
						},
						email: {
							validators: {
								notEmpty: {
									message: '请输入邮箱地址'
								},
								emailAddress: {
									message: '格式不正确'
								}
							}
						}
					}
				}).on('success.form.bv', function(e) {
					e.preventDefault();
					var $form = $(e.target);
					var bv = $form.data('bootstrapValidator');
					$.post($form.attr('action'), $form.serialize(), function(result) {
						if(result.code != 0) {
							$("#message").html(result.message);
							$(".callout-danger").removeClass("hide");
						}else{
							//保存菜单
							sessionStorage['rules'] = JSON.stringify(result.rules);
							location.href = "/home/user/index";
						}
					}, 'json');
				});
			})
		</script>
	</body>

</html>